<!DOCTYPE html>
<html>
<head>
    <title>Page Title</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css"/>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.min.js"></script>
    <script type="text/javascript">
        console.log("test1");
//        alert("test");

        $(document).bind("mobileinit", function(){
            $.mobile.showPageLoadingMsg = "showPageLoadingMsg";
            $.mobile.loadingMessage = "loadingMessage";
            $.mobile.pageLoadErrorMessage = "pageLoadErrorMessage";
        });
    </script>
    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>

    <!--<link rel="stylesheet" href="/jquery.mobile-1.0rc1.min.css"/>
    <script type="text/javascript" src="/jquery-1.6.2.min.js"></script>
    <script type="text/javascript" src="/jquery.mobile-1.0rc1.min.js"></script>-->

    <script type="text/javascript">
        $(function() {
            $('#universityLanding').live('pageshow',function(event){
                  $.mobile.loadingMessage = "calculating payment schedule...";
                  $.mobile.pageLoading();
                  $.mobile.showPageLoadingMsg();
                  //$.mobile.hidePageLoadingMsg();
                });

            $('#university').live('pageshow', function() {
                console.log("university");
                $.mobile.pageLoading();
                setTimeout("hide()",2500);
                function hide(){
                    $.mobile.pageLoading(true);
            }
    //        alert("university");
            //$.mobile.changePage( "/home/college", { transition: "slideup"} );
            /*$.mobile.changePage( "/home/college", {
                type: "post",
                data: $("form#search").serialize()
            });*/
            /*$.mobile.changePage( "/home/college", {
                transition: "pop"
                //,reverse: false
                //,changeHash: false
            });*/


        });
        $('#school').live('pageshow', function() {
            console.log("school");
    //        alert("school");
        });
        $('#college').live('pageshow', function() {
            console.log("college");
    //        alert("college");
            $("#testCollege").html("this is my testing");
        });
    });
    </script>
</head>
<body>
<div data-role="page" id="home">
    <div data-role="header">
        <h1>TAYLOR'S EDUCATION GROUP</h1>
        <a href="/m/universityNavigation" data-icon="check" data-theme="b" class="ui-btn-right">Menu</a>
    </div>
    <div data-role="content">
        <p><a href="/home/university" data-role="button" data-icon="arrow-r" data-theme="a" data-iconpos="right">Taylor's University</a></p>
		<p><a href="/home/college" data-role="button" data-icon="arrow-r" data-theme="a" data-iconpos="right">Taylor's College</a></p>
		<p><a href="/home/schoolDivision" data-role="button" data-icon="arrow-r" data-theme="a" data-iconpos="right">School Division</a></p>
    </div>
    <div data-role="footer">
        <h4>All Rights Reserved @ 2011 Taylor's Education Group</h4>
    </div>
</div>
</body>
</html>